// @forward '@toms/element-ui/theme-chalk/src/common/var.scss' with (
//   $colors: (
//     'primary': (
//       'base': #003a8c
//     ),
//     'success': (
//       'base': #52c41a
//     ),
//     'warning': (
//       'base': #faad14
//     ),
//     'danger': (
//       'base': #ff4d4f
//     ),
//     'error': (
//       'base': #ff4d4f
//     )
//   ),

//   $button-padding-vertical: (
//     'large': 7px,
//     'default': 5px,
//     'small': 2px
//   ),

//   $button-padding-horizontal: (
//     'large': 17px,
//     'default': 13px,
//     'small': 9px
//   ),
//   $button-border-radius: (
//     'large': 6px,
//     'default': 4px,
//     'small': 2px
//   ),
//   $font-family: (
//     '':
//       "'Poppins', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif"
//   ),
//   $font-size: (
//     'small': 12px
//   ),
//   $menu: (
//     'hover-bg-color': #f0f5ff
//   ),
//   $tag: (
//     'border-radius': 2px
//   ),
//   $tag-height: (
//     'large': 30px,
//     'default': 22px,
//     'small': 18px
//   ),
//   $card: (
//     'border-color': var(--card-border-color)
//   ),
//   $text-color: (
//     'primary': #262626,
//     'regular': #262626,
//     'secondary': #8c8c8c
//   ),
//   $box-shadow: (
//     'light': (
//       0 2px 8px 0 rgba(0, 0, 0, 0.15)
//     )
//   ),
//   $border-radius: (
//     'large': 6px
//   ),
//   $messagebox: (
//     'title-color': rgba(0, 0, 0, 0.85)
//   ),
//   $message: (
//     'padding': 10px 16px
//   )
// );
@use '@toms/element-ui/theme-chalk/src/index.scss' as *;
// @use './form.scss' as *;
// @use './pagination.scss' as *;
// @use './table.scss' as *;
// @use './menu.scss' as *;
// @use './button.scss' as *;
// @use './tabs.scss' as *;
// @use './message-box.scss' as *;

// @each $color in (gold, volcano, lime, green, cyan, blue, geekblue, purple) {
//   .el-tag.el-tag--#{'' + $color} {
//     #{getCssVarName('tag', 'text-color')}: var(--color-#{$color}-5);
//     #{getCssVarName('tag', 'bg-color')}: var(--color-#{$color}-1);
//     #{getCssVarName('tag', 'border-color')}: var(--color-#{$color}-3);

//     &.el-tag--dark {
//       #{getCssVarName('tag', 'text-color')}: var(--color-white);
//       #{getCssVarName('tag', 'bg-color')}: var(--color-#{$color}-5);
//       #{getCssVarName('tag', 'border-color')}: var(--color-#{$color}-5);
//     }

//     &.el-tag--plain {
//       #{getCssVarName('tag', 'text-color')}: var(--color-#{$color}-5);
//       #{getCssVarName('tag', 'bg-color')}: var(--color-white);
//       #{getCssVarName('tag', 'border-color')}: var(--color-#{$color}-5);
//     }
//   }
// }

.el-form--inline .el-form-item {
  margin-top: 0;
}

.el-button.is-text.dark {
  &:hover,
  &:active {
    color: #fff;
    outline: none;
  }

  &:hover {
    background-color: hsla(0, 0%, 100%, 0.4);
    border-color: hsla(0, 0%, 100%, 0.4);
  }

  &:active {
    background-color: hsla(0, 0%, 100%, 0.7);
    border-color: hsla(0, 0%, 100%, 0.7);
  }
}
